<template>
  <div class="met-list-page">
    <inside-product v-if="column.active.module==='3'" :listStyle="config.style"></inside-product>
    <inside-about v-if="column.active.module==='1'"></inside-about>
    <inside-news v-if="column.active.module==='2'" :listStyle="config.style"></inside-news>
    <inside-message v-if="column.active.module==='7'"></inside-message>
    <inside-feedback v-if="column.active.module==='8'"></inside-feedback>
  </div>
</template>
<script>
import InsideProduct from '@/components/inside/Product'
import InsideAbout from '@/components/inside/About'
import InsideNews from '@/components/inside/News'
import InsideMessage from '@/components/inside/Message'
import InsideFeedback from '@/components/inside/Feedback'
import { fetchListData, initListData, getMoreList } from '@/utils/index'
import { mapGetters } from 'vuex'
export default {
  components: {
    InsideProduct,
    InsideAbout,
    InsideNews,
    InsideMessage,
    InsideFeedback
  },
  computed: {
    ...mapGetters(['column'])
  },
  props: {
    config: Object
  }
}
</script>